<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>证券变动月表</title>
    <link rel="stylesheet" href="../header/header.css">
    <link rel="stylesheet" href="../bottom/bottom.css">
    <style type="text/css">
        @import url(../header.css);
        @import url(./second-head.css);
        @import url(../bottom.css);

        .positionFont {
            position: absolute;
            width: 100%;
            height: 50px;
            /* background-color: aqua; */
            top: 150px;
            line-height: 50px;
        }

        .positionFont span {
            margin-left: 7%;
        }

        .positionFont a:hover {
            color: blue;
        }
    </style>
    <style>
        a {
            text-decoration: none;
        }


        .tzzgx-wb {
            position: relative;
            width: 100%;
            height: 61px;
            /* background-color: pink; */
            font-size: 14px;
            line-height: 60px;
            color: #666;
        }

        .tzzgx-wb .tzzgx-tb {
            position: absolute;
            width: 1200px;
            height: 61px;
            /* background-color: #000000; */
            left: 170px;

        }

        .tzzgx-wb .tzzgx-tb i {
            color: #333;
            font-family: "微软雅黑", Arial, sans-serif;
            font-size: 14px;
        }

        .tzzgx-banner {
            width: 100%;
            height: auto;
        }

        .tzzgx-banner img {
            width: 100%;
            height: 100%;
        }

        .tzzgx-bd {
            width: 100%;
            height: 1640px;
            position: relative;
            background-color: #fcfcfc;
            background: url(../img/投资者关系/about_bg.jpg);
        }

        .tzzgx-bd img {
            width: 247px;
            height: 373px;
            position: absolute;
            left: 0;
            top: 24%;
            width: 16.3%;
        }

        .w1200 {
            position: relative;
            width: 1200px;
            height: 1492px;
            /* background-color: #00000080; */
            margin: 0 auto;
        }

        .w1200 .xzk {
            width: 230px;
            height: 44px;
            /* background-color: pink; */
            left: -36%;
            top: 50px;
            position: relative;
            border: 1px solid #ECECEC;
        }

        .w1200 .xzk span {
            position: absolute;
            line-height: 44px;
            text-align: center;
            font-size: 16px;
            color: #000;
            left: 10px;
        }



        .w1200 .xzk i img {
            position: absolute;
            right: 10px;
            width: 10px;
            height: 6px;
            left: 200px;
            top: 21px;
        }

        .w1200 .xzk .ll {
            position: absolute;
            width: 100%;
            background-color: #fff;
            left: 0;
            top: 45px;
            /* display: none; */
            overflow: hidden;
            height: 0px;
            transform-origin: top;
            transition: .5s;
            z-index: 12;
            border: 1px solid #ECECEC;
            border-top: 0px solid #ECECEC;
        }



        .w1200 .xzk .ll li {
            margin-top: 10px;
            margin-left: 10px;

        }

        .w1200 .xzk .ll li a {
            color: #008cd6;
        }

        .w1200 .title {
            height: 60px;
            font-size: 14px;
            line-height: 30px;
            color: #666;
            margin-top: 60px;
            margin-left: 60px;
            border-bottom: 1px solid #ececec;
        }

        .w1200 .tb {
            width: 1200px;
            height: 36px;
            /* background-color: pink; */
            margin: 0 auto;
            margin-top: 90px;
            border-bottom: 1px solid #ECECEC;
            position: relative;
        }

        .w1200 .tb ul li {
            list-style-type: none;
        }





        .w1200 .tb .time {
            position: absolute;
            width: 80px;
            height: 65px;
            /* background-color: pink; */
            top: -50px;
            left: 70px;
            border-right: 1px solid #ECECEC;
        }

        .w1200 .tb .time span {
            display: block;
            width: 100%;
            font-size: 48px;
            line-height: 50px;
            color: #008cd6;
        }

        .w1200 .tb .time i {
            width: 100%;
            display: block;
            font-size: 14px;
            line-height: 16px;
            color: #000;
            opacity: 0.8;
        }


        .w1200 .tb .right {
            position: absolute;
            height: 65px;
            top: -46px;
            left: 215px;
        }

        .w1200 .tb .right span {
            font-size: 20px;
            line-height: 56px;
            color: #000;

        }

        .w1200 .tb .right i img {
            position: absolute;
            width: 30px;
            height: 44px;
            left: 900px;
            top: 6px;
        }

        .pao {
            margin-top: 70px;
            width: 1200;
            height: 80px;
            /* background-co    lor: pink; */
        }

        .pao ul {
            list-style-type: none;
            margin-left: 335px;
            width: 600px;
            height: 50px;
            /* background-colo  r: #00000070; */
        }

        .pao ul li {
            float: left;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: #E7E7E7;
            margin: 0 5px;
            text-align: center;
            line-height: 50px;
        }

        .pao ul .b {
            float: left;
            width: 120px;
            height: 50px;
            background-color: #E7E7E7;
            border-radius: 20px;
            text-align: center;
            line-height: 50px;
        }

        .pao ul .b:hover {
            background-color: #008CD6;
        }

        .pao ul li:hover {
            background-color: #008cd6;
        }
    </style>
</head>

<body>
    <div>
        <script src="./header.js"></script>
    </div>
    <div class="positionFont">
        <span><a href="#">首页</a> > <a href="./企业资讯.html">投资者关系</a> > 证券变动月报表</span>
    </div>



    <!-- 图片部分start -->
    <img style="width: 100%;" src="../img/investorRelationship/3.jpg" />
    <!-- 图片部分end -->
    <!-- 导航栏部分start -->
    <div class="second-head">
        <div class="second-head-div">
            <div>
                <a href="./企业资讯.html">企业咨讯</a>
                <div class="border-div"></div>
            </div>
            <div>
                <a href="./企业管制.html">企业管制</a>
                <div class="border-div"></div>
            </div>
            <div>
                <a href="./证券变动月报表.html" style="color: blue;">证券变动月报表</a>
                <div class="border-div" style="width: 100%;"></div>
            </div>
            <div>
                <a href="./通告、公布及公函.html">通报、公布及公函</a>
                <div class="border-div"></div>
            </div>
            <div>
                <a href="./财务概要.html">财务概要</a>
                <div class="border-div"></div>
            </div>
            <div>
                <a href="./财务报告.html">财务报告</a>
                <div class="border-div"></div>
            </div>
            <div>
                <a href="./电邮提示.html">电邮提示</a>
                <div class="border-div"></div>
            </div>
            <div>
                <a href="./联络资料.html">联络资料</a>
                <div class="border-div"></div>
            </div>
        </div>
    </div>

    <!-- 导航栏部分end -->
    <!-- 主体部分制作start -->
    <div class="tzzgx-bd">
        <div class="w1200">
            <div class="xzk">
                <div class="nianfeng">
                    <span>选择年份</span>
                    <i><img src="../img/investorRelationship/icon.png" alt=""></i>
                </div>
                <ul class="ll">
                    <li><a href="#">2021</a></li>
                    <li><a href="#">2020</a></li>
                    <li><a href="#">2019</a></li>
                    <li><a href="#">2018</a></li>
                    <li><a href="#">2017</a></li>
                    <li><a href="#">2016</a></li>
                    <li><a href="#">2015</a></li>
                </ul>
            </div>
            <div class="title">共找到73篇文章</div>
            <div class="tb">
                <ul>
                    <li>
                        <a href="#">
                            <div class="time">
                                <span>02</span>
                                <i>2021.07</i>
                            </div>
                        </a>
                        <a href="#">
                            <div class="right">
                                <span>截至二零二一年六月三十日止月份之股份发行人的证券变动月报表</span>
                                <i><img src="../img/investorRelationship/wenjian.png" alt=""></i>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="tb">
                <ul>
                    <li>
                        <a href="#">
                            <div class="time">
                                <span>01</span>
                                <i>2021.06</i>
                            </div>
                        </a>
                        <a href="#">
                            <div class="right">
                                <span>截至二零二一年五月三十一日止月份之股份发行人的证券变动月报表</span>
                                <i><img src="../img/investorRelationship/wenjian.png" alt=""></i>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="tb">
                <ul>
                    <li>
                        <a href="#">
                            <div class="time">
                                <span>30</span>
                                <i>2021.04</i>
                            </div>
                        </a>
                        <a href="#">
                            <div class="right">
                                <span>截至二零二一年四月三十日止月份之股份发行人的证券变动月报表</span>
                                <i><img src="../img/investorRelationship/wenjian.png" alt=""></i>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="tb">
                <ul>
                    <li>
                        <a href="#">
                            <div class="time">
                                <span>01</span>
                                <i>2021.03</i>
                            </div>
                        </a>
                        <a href="#">
                            <div class="right">
                                <span>截至二零二一年二月二十八日止月份之股份发行人的证券变动月报表</span>
                                <i><img src="../img/investorRelationship/wenjian.png" alt=""></i>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="tb">
                <ul>
                    <li>
                        <a href="#">
                            <div class="time">
                                <span>01</span>
                                <i>2021.02</i>
                            </div>
                        </a>
                        <a href="#">
                            <div class="right">
                                <span>截至二零二一年一月三十一日止月份之股份发行人的证券变动月报表</span>
                                <i><img src="../img/investorRelationship/wenjian.png" alt=""></i>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="tb">
                <ul>
                    <li>
                        <a href="#">
                            <div class="time">
                                <span>05</span>
                                <i>2021.01</i>
                            </div>
                        </a>
                        <a href="#">
                            <div class="right">
                                <span>截至二零二零年十二月三十一日止月份之股份发行人的证券变动月报表</span>
                                <i><img src="../img/investorRelationship/wenjian.png" alt=""></i>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="tb">
                <ul>
                    <li>
                        <a href="#">
                            <div class="time">
                                <span>01</span>
                                <i>2020.12</i>
                            </div>
                        </a>
                        <a href="#">
                            <div class="right">
                                <span>截至二零二零年十一月三十日止月份之股份发行人的证券变动月报表</span>
                                <i><img src="../img/investorRelationship/wenjian.png" alt=""></i>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="tb">
                <ul>
                    <li>
                        <a href="#">
                            <div class="time">
                                <span>03</span>
                                <i>2020.11</i>
                            </div>
                        </a>
                        <a href="#">
                            <div class="right">
                                <span>截至二零二零年十月三十一日止月份之股份发行人的证券变动月报表</span>
                                <i><img src="../img/investorRelationship/wenjian.png" alt=""></i>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="tb">
                <ul>
                    <li>
                        <a href="#">
                            <div class="time">
                                <span>02</span>
                                <i>2021.07</i>
                            </div>
                        </a>
                        <a href="#">
                            <div class="right">
                                <span>截至二零二一年六月三十日止月份之股份发行人的证券变动月报表</span>
                                <i><img src="../img/investorRelationship/wenjian.png" alt=""></i>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="tb">
                <ul>
                    <li>
                        <a href="#">
                            <div class="time">
                                <span>30</span>
                                <i>2020.09</i>
                            </div>
                        </a>
                        <a href="#">
                            <div class="right">
                                <span>截至二零二零年九月三十日止月份之股份发行人的证券变动月报表</span>
                                <i><img src="../img/investorRelationship/wenjian.png" alt=""></i>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="pao">
                <ul>
                    <li class="b"><a href="#">上一页</a></li>
                    <li style="background-color: #008CD6;"><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li class="b"><a href="#">下一页</a></li>
                </ul>
            </div>


        </div>
    </div>
    <!-- 主体部分制作end -->



    <div class="qiyezixun">

    </div>

    <script src="../bottom.js"></script>
    <script>
        var xzk = document.getElementsByClassName('xzk')[0];
        var ul = document.getElementsByClassName('ll')[0];
        var t = true;
        xzk.onclick = function () {
            if (t == true) {
                ul.style.height = 255 + "px";
                t = false;
            } else {
                ul.style.height = 0 + "px";
                t = true;
            }
        }
    </script>
</body>



</html>